.caption {
    font-weight:bold;
    padding:8px 6px 4px 10px;
    text-align:left;
}
.chart {}
.tabular{ overflow:auto;}
.data_view { clear:both}

/* sorting icons */
.datagrid tr th.sortable span{
    cursor:pointer;
    text-decoration:underline;
}
.datagrid th.DESC span{
    background:url(img/arrow_down_blk.gif) no-repeat right center #D4D4D4;
    padding-right: 10px;
}
.datagrid th.ASC span {
    background:url(img/arrow_up_blk.gif) no-repeat right center #D4D4D4;
    padding-right: 10px;
}

/* bar graph in FRS top detections */
.bar_graph span {
    display:block;
    width:100%;
    background:#cef;
    padding:2px 0;
    margin:2px 0px 2px 0;
    border:1px solid #999;
    border-left:1px solid #ccc;
    border-top:1px solid #ccc;
}

/* normal wrap  text */
.wrap, .grid .wrap {
    white-space:normal;
}

.scope_note {
    font-size:11px;
    color:#666;
}

/* For total data row on the bottom of table */
.window_content tr.border-top th{ border-top:1px solid #999;}
.window_content th.no-left-border { border-left:none;}
/* Threat Detection */
.threat_text {
    float:left;
    padding:6px;
}
.threat_text .last_check_time {
    float:right;
}

/* expand & collapse rows icon */
.icon_plus, .icon_minus {
    width:13px;
    height:13px;
    float:left;
    cursor:pointer;
    background:url(img/icon_expand_plus.gif) no-repeat center center;
}
.icon_minus {
    background:url(img/icon_expand_minus.gif) no-repeat center center;
}
tr.collapsed_row {
    display:none;
}

.undergroup td.subitem {padding-left:12px;}

/*** Component Compliance ***/
.hide { display:none }
.hide_rows tr { display:none;}
.hide_rows thead tr { display:table-row;*display:inline;_display:inline;}
.hide_rows .show { display:table-row; *display:inline;_display:inline;}
.hide_rows .show tbody tr {background:#fff;}

/* view all*/
.component_name span{
    background:url(img/arrow_right_blk.gif) no-repeat left center;
    padding-left:12px;
    cursor:pointer;
}
/* single view */
.hide_rows .component_name span{
    background:url(img/arrow_down_blk.gif) no-repeat left center;
}

.component_list, .component_list li {
    margin:0;
    padding:0;
    list-style:none;
    white-space:normal;
}
.component_list {
    height:78px;
    padding:3px;
    overflow:auto;
    border:1px solid #666;
    background:white;
    clear:both;
}
.grid td.component_caption , .component_caption {
    white-space:normal;
    vertical-align:top;
}
/* select all || unselect all */
.component_caption a {
    float:right;
    padding:4px 6px 0 6px;
}
div.component_caption {
    padding-top:10px;
}
div.component_caption span {
    float:left;
    font-weight:bold;
}

.component_tip {
    text-align:left;
    padding:6px;
    color:#999;
    font-size:.9em;
}

/** Last check time **/
.last_check_time {
    padding:6px;
    text-align:right;
    color:#999;
    font-size:.85em;
    font-style:italic;
    float:right;
    line-height:14px;
}

/** Source type **/
.source_type {
    padding-top:18px;
    padding-right:6px;
    color:black;
    font-weight:bold;
    text-align:right;
}

/***
 * style of scope settings
 */
.scope_box {
    clear:both;
    text-align:left;
    zoom:1;
}
.scope_box:after {
    content:'';
    display:block;
    height:0px;
    visibility:hidden;
    clear:both;
}
.scope_box button{height:1.5em;}
.scope_box select{ }
.scope_text {}
.date_select {
    float:left;
    padding:6px;
}
.date_range {
    float:right;
    padding:6px;
    line-height:20px;
    color:#999999;
}
#scope_tree {
    position: absolute;
    border:1px solid #666;
    width:350px;
    z-index:30;
    background:#fff;
}
#scope_tree .actions {
    padding:5px 8px 15px 8px;
    height:auto;
}
#scope_tree .mif-tree-wrapper {
}
#scope_tree .ui-tabs ul{
    padding:2px 4px 0px;
}
.actions {
    white-space:normal;
    height:32px;
}
#scope_tree .filter_product {
    border:1px solid #fff;
    position:absolute;
    right:0px;
    top:0px;
    width:18px;
    height:18px;
    background:url(img/arrow_down_blk.gif) no-repeat center center;
    cursor:pointer;
    z-index:2;
}
.filter_product ol {
    position:absolute;
    z-index:2;
    padding:4px;
    background:#eee;
    border:1px solid #ccc;
    color:#666;
    top:20px;
    right:-1px;
    cursor:default;
    margin:0;
}
#scope_tree  .product_list li {
    white-space:nowrap;
    line-height:20px;
    cursor:pointer;
    display:block;
    float:none;
    margin:0;
}
#scope_tree  .product_list a {
    display:block;
    padding:2px 4px;
    color:#666;
    line-height:1.4em;
}
#scope_tree  .product_list a:hover {
    color:#000;
    text-decoration:none;
    border:1px solid #aaa;
    padding:1px 3px;
    background:#fff;
}
.select_btn {
    padding:8px 5px 0;
}
.unselect_all , .select_all {
    color:#36a;
    font-size:.9em;
    text-decoration:none;
}
.scope_search {
    padding:8px 8px 0;
}
.search_action {
    position:relative;
    z-index:2;
}
.search_action input { width:50%;}
.selected_scope {
    margin:0 0 6px;
    border:1px solid #ccc;
}
.selected_scope dt  {
    padding:4px 6px;
    margin:0;
    border-bottom:1px solid #ccc;
    background:#eee;
}
.selected_scope dd {
    padding:4px 6px;
    height:80px;
    overflow:auto;
    margin:0;
}
.selected_scope dd  span {
    cursor:pointer;
    padding:2px 4px;
    text-decoration:underline;
    float:left;
    color:#999;
}
.search_result {
    clear:both;
    overflow:auto;
    border:1px solid #ccc;
    background:#F3FAFA;
    height:200px;
}
.search_result label {
    display:block;
}
#close_filter_btn {
    position:absolute;
    right:0px;
    _right:10px; /* IE6 */
    padding:3px 4px 0px 18px;
    background:#F3FAFA url(../../../../../theme/default/img/close.gif) no-repeat 2px center;
    height:14px;
    border:1px solid #ccc;
    border-bottom:none;
    cursor:pointer;
    color:#888;
}
input.blur { color:#ccc;}


/***
 * Deubg Chart
 */
#edit_chart {
    position:absolute;
    right:10px;
    bottom:10px;
    width:480px;
}
#edit_chart textarea {
    font: 11px/1.4em 'Courier New';
}

/** Delete icon ***/
.delete_icon {
    background:url(../../../../../img/default/icon_delete.gif) no-repeat left center;
    display:block;
    width:18px;
    height:18px;
    margin:0 auto;
}

/***
 * Selectable Links (Group View)
 */
.selectable_link {
    /*position:relative;*/
    padding-left:4px;
    padding-top :5px;
    _width:10px; /* To fix IE6 float issue */
    float:left;
    z-index:1;
    clear:both;
    zoom:1;
    /*
    */
}
.selectable_link a {
    display:block;
    line-height:1.6em;
    height:1.6em;
    background:#def;
    text-decoration:none;
    padding:2px 9px;
    color:#555555;
    white-space:nowrap;
    /*width:100%;*/
}
.selectable_link
.group_link{
    padding:2px 4px;
    border:1px solid #fff;
    font-weight:bold;
    background-color:transparent;
    background-image:url(img/arrow_down.gif);
    background-position:right center;
    background-repeat:no-repeat;
    padding-right:24px;
    text-decoration:none;
}
.group_link:hover {
    border:1px solid #666;
    color:#000000;
    text-decoration:none;
}
.selectable_link  p {
    position:absolute;
    list-style:none;
    border:1px solid #ccc;
    padding:0px;
    margin:0px;
    left:4px;
    cursor:pointer;
}
.selectable_link  p  a {
    background:#F5FAFF;
}
.selectable_link  p a:hover {
    background:#def;
}


/***
 * View Control
 */
.view_control {
    padding:5px;
    height:20px;
    float:right;
    clear:right;
}
.view_control span {
    float:right;
    line-height:20px;
}
.view_control a {
    float:right;
    width:20px;
    height:20px;
    padding:0px 2px;
    background-repeat:no-repeat;
    background-position:center center;
    opacity:0.3;
    filter:alpha(opacity=30);
}
.view_control .selected {
    opacity:1;
    filter:alpha(opacity=100);
}
.view_control .bar_chart   { background-image:url(img/icon_bar.gif); }
.view_control .line_chart { background-image:url(img/icon_line.gif); }
.view_control .pie_chart   { background-image:url(img/icon_pie.gif); }
.view_control .tabular       { background-image:url(img/icon_table.gif); }


/*...................................................................................
===============GLOBAL=================
......................................................................................*/

.mif-tree-wrapper{
position: absolute;
width: 100%;
height:100%;
margin:0;
padding:0;
overflow:auto;
font-family:sans-serif;
font-size:11px;
line-height:18px;/******Tree node height******/
white-space:nowrap;
cursor:default;
}

.mif-tree-bg{
width:100%;
height:100%;
position:absolute;
overflow:hidden;
}

.mif-tree-bg-container{
width:100%;
display:none;
}

.mif-tree-bg-node{
width:100%;
height:18px;
}

.mif-tree-bg-selected{
background-color:#dcd7ab;
}

.mif-tree-wrapper:focus{
outline:0;
}

.mif-tree-wrapper span{
padding-bottom:2px;
padding-top:2px;
cursor:inherit;
}

.mif-tree-children{
padding-left:18px;
width:18px;
}

.mif-tree-node{
width:18px;
position:static;
background:url('img/line.gif') repeat-y 8px 0px;
}

.mif-tree-node-last{
background:url('img/line.gif') no-repeat 8px 0px;
}

.mif-tree-name{
cursor: default;
overflow:hidden;
margin-left:4px;
margin-left:1px;
padding-left:4px;
padding-right:4px;
}

.mif-tree-name a{
color:red;
}

.mif-tree-name a:hover{
color:blue;
}


.mif-tree-node-wrapper{
background:url('img/horizontal-line.gif') no-repeat 9px center;
}

/*...................................................................................
================GADJETS=================
......................................................................................*/

.mif-tree-gadjet{
background-image:url('img/gadjets.gif');
padding-right: 16px;
z-index:1;
overflow:hidden;
background-repeat:no-repeat;
cursor:default;
}

.mif-tree-gadjet-none{
background:none;
}

.mif-tree-gadjet-minus{
background-position: 0px 50%;
}

.mif-tree-gadjet-plus{
background-position: -18px 50%;
}


.mif-tree-gadjet-hover .mif-tree-gadjet-minus{
background-position: -54px 50%;
}

.mif-tree-gadjet-hover .mif-tree-gadjet-plus{
background-position: -72px 50%;
}

/*...................................................................................
================ICONS=================
......................................................................................*/
.mif-tree-icon{
padding-right:18px;
background-position:0 50%;
background-repeat:no-repeat;
cursor:inherit;
}

.mif-tree-open-icon{
background-image:url('img/Folder_o.gif')
}

.mif-tree-close-icon{
background-image:url('img/Folder.gif')
}


.mif-tree-loader-open-icon,.mif-tree-loader-close-icon{
background-image:url('img/mootree_loader.gif');
}

.mif-tree-server-icon{
background-image:url('img/product_entity.gif');
padding-right:27px;
}

.mif-tree-bin-open-icon{
background-image:url('img/bin_open_icon.gif');
}

.mif-tree-bin-close-icon{
background-image:url('img/bin_close_icon.gif');
}








/*...................................................................................
================SELECTION=================
......................................................................................*/

.mif-tree-node-selected .mif-tree-name{
background-color: #CCDDEE;
border:1px solid #6699CC;
padding:1px 3px;
/*text-transform:italic;*/
}

.mif-tree-highlighter{
height:18px;
overflow:hidden;
width:100%;
background:#b64553;
position:absolute;
}








/*...................................................................................
===============D'n'D=================
......................................................................................*/
.mif-tree-pointer{
height:1px;
overflow: hidden;
position: absolute;
background-image:url('img/1.gif');
background-repeat:repeat-x;
background-color:#292fef;
}


.mif-tree-ghost{
background-color:#fff;
border:solid 2px #e8e8f7;
padding-left:2px;
}

.mif-tree-ghost .mif-tree-node-wrapper{
background:none;
}

.mif-tree-ghost span.mif-tree-text{
padding-top:1px;
padding-bottom:1px;
}

.mif-tree-ghost-icon{
padding-left:16px;
background-color:#fff;
background-repeat:no-repeat;
background-image:url('img/dropzone.gif');
}

.mif-tree-ghost-after{
background-position:-64px 2px;
}

.mif-tree-ghost-before{
background-position:-48px 2px;
}

.mif-tree-ghost-between{
background-position:-16px 2px;
}

.mif-tree-ghost-inside{
background-position:-0px 2px;
}

.mif-tree-ghost-notAllowed{
background-position:-32px 2px;
}

.mif-tree-drag-current{
background-color:#cfcfd8;
}

.mif-tree-replace{
background-color:#99c8fb;
}





/*...................................................................................
================CHECKBOX=================
......................................................................................*/
.mif-tree-checkbox{
padding-left:18px;
background-image:url('img/checkboxes.gif');
background-repeat: no-repeat;
}

.mif-tree-node-checked{
background-position:0px center;
}

.mif-tree-node-unchecked{
background-position:-18px center;
}

.mif-tree-node-nochecked{
background-position:-108px center;
}

.mif-tree-hover-checkbox .mif-tree-node-checked{
background-position:-36px center;
}

.mif-tree-hover-checkbox .mif-tree-node-unchecked{
background-position:-54px center;
}

.mif-tree-node-partially{
background-position:-72px center;
}

.mif-tree-hover-checkbox .mif-tree-node-partially{
background-position:-90px center;
}






/*...................................................................................
===============RENAME=================
......................................................................................*/
.mif-tree-rename{
display: inline;
line-height: 14px;
height:14px;
cursor: default;
overflow:hidden;
font-family:sans-serif;
font-size:11px;
padding:1px 0;
border:solid 1px black;
}